<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div    id="content">
	<section class="content-header">
		<h1>
			<i class="fa fa-dashboard"></i>
			<strong>维护部门绑定</strong>
		</h1>
		<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
			<li>维护部门绑定</li>
		</ol>
	</section>
	<!-- Main content -->
	<section class="content">
		<div class="row">
			<div class="col-md-10">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">未绑定维护部门</h4>
					</div>
					<div class="box-body">
						<div class="form-inline">
							<div class="input-group">
								<input type="text" class="form-control" id="search"  placeholder="Search..."/>
								<span class="input-group-btn">
									<button type="button" name="search" class="btn btn-info searchBtn">查询</button>
									<button type="button" name="reset" id="reset" class="btn btn-info resetBtn">撤消</button>
								</span>
							</div>
							<button type="button" class="btn btn-info pull-right addBtn">绑定</button>
						</div>
					</div>
					<div class="box box-body">
						<table  id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
							<thead>
							<tr>
								<th width="7%" >序号</th>
								<th width="5%"><input type="checkbox" id="allNotBound"/></th>
								<th width="11%" >部件名称</th>
								<th width="11%" >生产厂家</th>
								<th width="11%" >生产日期</th>
								<th width="11%" >安装日期</th>
								<th width="11%" >权属部门</th>
								<th width="11%" >管理部门</th>
								<th width="11%" >维护部门</th>
								<th width="11%" >所属部件</th>
								<th width="12%" >状态</th>
								<th width="10%" >操作</th>
							</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
				
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">已绑定管理部门</h4>
					</div>
					<div class="box-body">
						<div class="form-inline">
							<div class="input-group">
								<input type="text" class="form-control" id="search2"  placeholder="Search..."/>
								<span class="input-group-btn">
									<button type="button" name="search" class="btn btn-info searchBtn2">查询</button>
							   		<button type="button" name="reset"  class="btn btn-info resetBtn2">撤消</button>
								</span>
							</div>
							<button type="button" class="btn btn-info pull-right deleteBtn">移除</button>
						</div>
					</div>
					<div class="box box-body">
						<table  id="dataTable2" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
							<thead>
							<tr>
								<th width="5%" >序号</th>
								<th width="2%"><input type="checkbox" id="allBound"/></th>
								<th width="9%" >部件名称</th>
								<th width="9%" >生产厂家</th>
								<th width="8%" >生产日期</th>
								<th width="8%" >安装日期</th>
								<th width="9%" >权属部门</th>
								<th width="11%">所属部件</th>
								<th width="9%" >管理部门</th>
								<th width="9%" >维护部门</th>
								<th width="5%" >状态</th>
								<th width="8%" >操作</th>
							</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-md-2">
				<div class="box box-info" >
					<div class="box-header with-border">
						<h3 class="box-title"><i class="fa fa-cubes "></i><strong>部门结构</strong></h3>
					</div>
					<div class="box-body">
						<ul id="hierarchyTree" class="ztree"></ul>
					</div>
				</div>
			</div>
		</div>
	</section>
	<script th:src="@{/partBaseInfo/maintainHierarchy.js}"></script>


</div>

</body>
</html>